<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/jQuery_class_stu/jquery.js"></script>
<script type="text/javascript" charset="utf-8">
	function selectorTest () {
	  //jQuery("div").css("border-style","inset");
	  $("div:first").css("border-style","dotted").css("border-color","blue").css("width","300px");
	  $("div:last").css("border","1px solid green").css("background-color","pink");
	  $("div>ul").css("color","yellow");//div의 바로 아래 직계 자식만 선택하고 그 다음에 li이 선택
	 // $("li").css("text-decoration","underline");
	  $("li:first-child").css("font-size", "200%");
	  //$("li:nth-child(3)").css("text-decoration","underline");//모든 li중 n번째 자식(1부터)
	  $("li:nth-child(even)").css("text-decoration","overline");
	 // $("a").css("text-decoration","none");
	}
</script> 
</head>
<body>
	<button onclick="selectorTest();">클릭</button>
<div id="title">
	우리커피를 찾아 주셔서 감사합니다.
</div>
<!-- div안에 ul -->
<div>
	커피 메뉴
	<ul>
		<li>아메리카노</li>
		<li>카페라떼</li>
		<li>카푸치노</li>
		<li>카라멜 모카</li>
		<li>카라멜 마키아토</li>
	</ul>
</div>
<br>
<!-- <div>-<b>-<ul> -->
<div>
	<p>
		비 커피 메뉴
	</p>
	<b>
		<ul>
			<li>녹차</li>
			<li>홍차</li>
			<li>우롱차</li>
			<li>국화차</li>		 
		</ul>
	</b>
</div>
<p id="desc">
	tel : 02-111-2222, 주소 : 서울
</p>
링크<br>
<a href="#">커피빈</a>
<a href="#">스타벅스</a>
<a href="#">카페베네</a>
<a href="#">자바 커피</a>


</body>
</html>




